<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery删除节点</title>
    <style>
        
    </style>
</head>
<body>
    <button>删除按钮</button>
    <ul>
        <li class="first">这是第一个li</li>
        <li>这是第二个li</li>
        <li>这是第三个li</li>
        <li>这是第四个li</li>
        <li>这是第五个li</li>
    </ul>
    <div>div<p>这是一个段落</p></div>
    <script src="js/jquery-1.12.4.js"></script>
    <script>
      $(function(){
          //为button按钮设置单击事件
          $('button').click(function(){
              $('.first').remove()      //删除指定元素
              $('div').empty()          //清空指定元素的内容和子元素，指定元素本身不会被删除
              $('div').detach()         //和remove()效果相同
          })
      })
    </script>
</body>
</html>